<%@ page language="java" isELIgnored="false"
	contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!doctype html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>人才测评网站</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<%=path%>/styles/bootstrap.css" rel="stylesheet">
<link href="<%=path%>/other/css/styleindex.css" rel="stylesheet" />
<link href="<%=path%>/other/css/layout.css" rel="stylesheet" />
<script src="<%=path%>/script/jquery-1.11.2.min.js"></script>
<script src="<%=path%>/other/js/bootstrap.min.js"></script>

<script type="text/javascript">
	//浏览器判断是否低过IE9
	var navigatorType = navigator.appName;
	if (navigatorType == "Microsoft Internet Explorer") {
		var navigatorVersion = navigator.appVersion.split(";")[1].replace(
				/[ ]/g, "");
		if (navigatorVersion == "MSIE6.0" || navigatorVersion == "MSIE7.0"
				|| navigatorVersion == "MSIE8.0") {
			location.href = "/obsolete/obsolete";
		}
	}
</script>
</head>

<body data-spy="scroll" data-target=".navbar-scroll">
	<div id="layout">
		<div class="header ">
			<div class="container">
				<div class="logo">
					<a href='/' title="人才测评系统">人才测评系统 
				</div>
				<div class="more-option">
					<a href='<%=path %>/UserController/userLogout.action' class="user_Close ajax-post"><img
						src="<%=path%>/images/login/close.jpg">退出</a>
				</div>
			</div>
		</div>


		<div class="container">

			<!-- 侧边导航栏 -->
			<div id="slide-menu">
				<div class="userInfo">
					<div class="head_icon">
						<img alt="头像"
										<c:if test="${User.userImage==null}">
										src="<%=path%>/images/login/empty_head.jpg"
										</c:if>
										<c:if test="${User.userImage!=null }">
										src="<%=path%>/${sessionScope.User.userImage }"
										</c:if> 
										 class="img-circle"
										width="100%" height="100%"
					  />
					</div>
					<p>
						${sessionScope.User.userName }<br>${sessionScope.User.userPhone }
					</p>
				</div>
				<div class="list_box">
					<ul class="list-unstyled">
						<li><a href="index.jsp"><i
								class="glyphicon glyphicon-home"></i>人才测评</a></li>
						<li><a href='testDetail.jsp'><i
								class="glyphicon glyphicon-list-alt"></i>测评须知</a></li>
						<li><a href='reportList.jsp?userId=${sessionScope.User.userId }'><i
								class="glyphicon glyphicon-list-alt"></i>报告查询</a></li>
				       <li><a href='../MenuController/postListfront.action'><i
								class="glyphicon glyphicon-cog"></i>交流中心</a></li>
						<li><a href='../UserController/personInformation.action'><i
								class="glyphicon glyphicon-cog"></i>个人信息管理</a></li>
					</ul>
				</div>

			</div>
            	<div id="layoutmain">
				<!-- 轮播图 -->
				<div class="banner">
					<a href='testDetail.jsp'><img
						src="<%=path%>/images/login/banner.jpg" /></a>
				</div>
				<!-- 测评列表 -->
				<!-- 测评列表 -->
				<div id="testListCode">

					<div class="topic">
						<h3>我的测评报告</h3>
					</div>
					<div class="inbox">
						<ul class="list-unstyled">
							<li>
								<div class="icon">
									<img src="<%=path%>/images/login/textIcon.jpg" />
								</div>
								<div class="info">
								<span>测评报告</span >
									<dl>
										<div id="Reportcontent"></div>
									</dl>
									
								</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- 测评列表 -->
				<!-- 查看我的报告 -->
			</div>
		
		<div id="layout-block"></div>
	</div>
	<div id="footer">
		<div class="modal fade" id="BModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true"></div>
		<div class="modal fade" id="MModal" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true"></div>
		<div class="fakeloader"></div>

		<div class="footer">
		</div>
		<script>
			//首页列表自适应
			var layout_side = $("#slide-menu").outerHeight();
			var layout_main = $("#layoutmain").outerHeight();
			var domH = $(window).outerHeight();
			if (layout_side < layout_main) {
				$("#slide-menu").css("min-height", layout_main)
			} else {
				$("#layoutmain").css("min-height", layout_side)
			}
		</script>
		<script src="<%=path%>/script/echarts.common.min.js"></script>
		<script src="<%=path%>/script/macarons.js"></script>
		<script type="text/javascript"
			src="<%=path%>/script/front/reportList.js"></script>
		
	</div>
</body>

</html>